<template>
	<view class="ly_background-color">

		<view class="content_top">
			<view class="content_top_image">
				<image src="../../static/logo.png" mode=""></image>
			</view>
		</view>
		<view class="content_msg">
			<tip v-for="i in msgData" :data="i" />
		</view>
		<view class="content_center">
			<tip :data="signData" />
			<view class="content_center_sign">
					<view class="sign_content">
						<u-button type="primary">签到</u-button>
					</view>
			</view>
		</view>
		<view class="content_botton">
			<tip v-for="i in tipData" :data="i" />
		</view>
	</view>
</template>

<script>
	import tip from '../../components/tip/index.vue'
	export default {
		components: {
			tip
		},
		data() {
			return {
				msgData: [{
						icon: "bell-fill",
						icon_color: "#f58220",
						title: "我的消息",
						isShow: true
					},
					{
						icon: "star",
						icon_color: "#f58220",
						title: "我的收藏",
						isShow: true
					},
				],
				signData: {
					icon: "lock",
					icon_color: "#f58220",
					title: "签到",
					isShow: true
				},
				tipData: [{
						icon: "thumb-up",
						icon_color: "#f58220",
						title: "为TA充电"
					},
					{
						icon: "file-text",
						icon_color: "#1d953f",
						title: "更新日志"
					},
					{
						icon: "zhuanfa",
						icon_color: "#33a3dc",
						title: "分享好友"
					},
					{
						icon: "chat",
						icon_color: "#f58220",
						title: "反馈意见"
					},
					{
						icon: "phone",
						icon_color: "#f58220",
						title: "联系作者",
						url:'../../pages/author/author'
					},
				]
			}
		},
		methods: {

		}
	}
</script>

<style>
	.content_center_sign{
		position: relative;
		height: 200rpx;
		width: 100%;
		background-color: #FFFFFF;
	}
	.sign_content{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100rpx;
		height: 100rpx;
		/* text-align: center;
		line-height: 100rpx; */
		/* background-color: #007AFF; */
		overflow: hidden;/* 
		border-radius: 50%; */
	}
	.content_top {
		position: relative;
		height: 500rpx;
		width: 100%;
		background-image: url('https://blog.dbsgw.com/content/templates/Fys/images/random/4.jpg');
	}
	.content_top_image {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 160rpx;
		height: 160rpx;
		border-radius: 50%;
		overflow: hidden;
	}

	.content_center {
		margin: 20rpx 0;
	}
	.content_msg{
		margin-top: 20rpx;
	}


</style>
